<template>
  <div>
    <el-card class="box-card">
      状态：<el-select v-model="value" size="mini" style="width:100px;">
        <el-option label="启用" value="1"></el-option>
        <el-option label="禁用" value="0"></el-option>
      </el-select>
      <el-button type="primary" icon="el-icon-search" size="mini" style="margin-left:10px;">搜索</el-button>
    </el-card>
    <el-table :data="menu" style="width: 96%;margin:10px 20px;" row-key="title">
      <el-table-column prop="title" label="菜单" />
      <el-table-column label="状态">
        <el-tag type="success" size="mini">已启用</el-tag>
      </el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="text" icon="el-icon-edit" size="mini"></el-button>
          <el-button type="text" icon="el-icon-share" size="mini"></el-button>
          <el-button type="text" icon="el-icon-delete" size="mini"></el-button>
        </template>
      </el-table-column>
    </el-table>
    </el-table>
  </div>
</template>
<script>
import menuData from "@/assets/menu.json";
export default {
  data() {
    return {
      value: "",
      menu: menuData,
    };
  },
  methods: {
    handleCollapseClick(e) {
      console.log(e);
    },
  },
};
</script>
<style>
.demo-table-expand {
  font-size: 0;
}
.demo-table-expand label {
  width: 90px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 50%;
}
</style>